<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sitio Web Rubí Rivadeneyra Malvas</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/script.js"></script>

</head>

<body>

	<div id="contenedor">
		<div id="header">
			<h1 class="logo"><img src ="images/logorubi.png"></img></h1>
			<ul class="nav">
				<li><a  href="video.html" target="formulario">Home</a></li>
				
				<li><a href="#">Servicios</a>
					<ul>
						<li><a href="#">Diseño Grafico</a></li>
						<li><a href="#">Diseño Web</a></li>
						<li><a href="galeria/galeria.html">Ilustración</a></li>
						<li><a href="#">Otros Servicios</a>
							<ul>
								<li><a href="diseñologo.html" target="formulario">Diseño logotipos</a></li>
								<li><a href="#">Diseño catalogo</a></li>
								<li><a href="#">Publicidad Exterior</a></li>
							</ul>
						</li>
					</ul>
				</li>
				
				<li><a href="#">Acerca de </a>
					<ul>
						<li><a href="cuenta.html" target="formulario">Cuenta</a></li>
						<li><a href="#">Perfil</a></li>
						<li><a href="#">Paginas Webs</a></li>
						<li><a href="privacidad.html" target="formulario">Privacidad</a>
					</ul>	
				</li>
				<li><a href="formulario/formulario.html" target="formulario">Contacto</a>
			</ul>	
		</div><!-- Fin de header-->

		<h2 class="titulo">Web de Buenos Videos <span>& </span> Redes Sociales </h2>
		<h3 class="subtitulo">Sitio web que activa todas las novedades del Mundo</h3>

		<div class="divisor"></div>
		
		<div id="presenta">
			<div class="bio">
				<iframe class="bio" frameborder="0" src="" name="formulario" width="570" height="345"></iframe>	
			</div>
			<div class="ver_mas"><a href="http://www.youtube.com/">Ver más</a></div>	
		</div><!--Fin de presenta-->

		<ul class="social">
		
			<li>
				<a href="https://twitter.com/RubyInside"><img src="images/twitter.png" alt="Twitter" />
				<p class="titulo_social">Sigueme</p>
				<p class="desc_social">Se el primero en enterarte de mis novedades</p></a>
			</li>

			<li>
				<a href="https://www.facebook.com/ClubRubi"><img src="images/facebook.png" alt="Facebook" />
				<p class="titulo_social">Hazte Fan</p>
				<p class="desc_social">Lee y comparte opiniones en Facebook</p></a>
			</li>
			
			<li>
				<a href="http://www.rubi.cat/ajrubi/rss/index.php"><img src="images/rss.png" alt="Rss" />
				<p class="titulo_social">Leeme</p>
				<p class="desc_social">Agrega este sitio a tu Reader</p></a>
			</li>
			
		</ul><!--Fin de social-->
		
		<div class="clear"></div>

		<div class="divisor"></div>

		<div id="dinamico">
			
			<div id="portfolio">
				<h3 class="titulo_seccion">Portfolio</h3>
				
				<div class="ficha">
					<a href="#"><img src="images/portfolio_01.jpg" alt="Muestra 1" /></a>
					<h4 class="nombre_web">Periodico Marca de deportes </h4>
					<p class="link_web"><a href="http://www.marca.com/">marca.com</a></p>
					<p class="descripcion">Era un partido para calibrar qué rendimiento puede ofrecer el Real Madrid sin Cristiano Ronaldo. El portugués, que estaba sancionado, es un futbolista incisivo que mira constantemente. </p>
				</div><!--Fin de ficha 1-->
				
				<div class="ficha">
					<a href="#"><img src="images/portfolio_02.jpg" alt="Muestra 2" /></a>
					<h4 class="nombre_web">Television Online MTV</h4>
					<p class="link_web"><a href="http://www.mtv.es">mtv.es</a></p>
					<p class="descripcion">Este canal ofrece una combinación de videos musicales en inglés y en español, producciones locales y regionales, programas de noticias sobre música y entretenimiento, conciertos.</p>
				</div><!--Fin de ficha 2-->
				
				<div class="ver_mas"><a href="http://www.domestika.org/portfolios">Ver más</a></div>
					
			</div><!--Fin de porfolio-->
			
			<div id="comentarios">
			
				<h3 class="titulo_seccion">Ultimos Comentarios</h3>
				
				<ul class="lista_testimonios">
					<li>
						<a href="#"><img src="images/testim_01.jpg" alt="Testimonio 1" /></a>
						<p class="txt_coment">"Soy Cristina, pero me llaman Core porque me encanta el HardCore. Me gusta bailar y adoro que me mimen.."</p>
						<p class="usuario">Cristina Gandía</p>
						<p class="web"><a href="http://twitter.com/CoreGandiaSh">CoreGandiaShore.com</a></p>
					</li><!--Fin de testimonio 1-->
					
					<li>
						<a href="#"><img src="images/testim_02.jpg" alt="Testimonio 2" /></a>
						<p class="txt_coment">"la vida no se mide por la veces que respiras, sino por los momentos que te dejan sin aliento.."</p>
						<p class="usuario">Ainhoa Benito</p>
						<p class="web"><a href="http://twitter.com/OfficialAinhoaB">AinhoaBenito.com</a></p>
					</li><!--Fin de testimonio 2-->
					
					<li>
						<a href="#"><img src="images/testim_03.jpg" alt="Testimonio 3" /></a>
						<p class="txt_coment">"Para hablar mal de mi primero te lavas la boca con jabón...Only God can judge me..."</p>
						<p class="usuario">Sergio Clar</p>
						<p class="web"><a href="http://twitter.com/Sergioclar">Sergioclar.com</a></p>
					</li><!--Fin de testimonio 3-->
					
					<li>
						<a href="#"><img src="images/testim_04.jpg" alt="Testimonio 4" /></a>
						<p class="txt_coment">"Me gusta lo difícil,me atrae lo complicado y me enamoro de lo imposible.."</p>
						<p class="usuario">Nicol Hartman</p>
						<p class="web"><a href="http://twitter.com/NicolHartman">NicolHartman.com</a></p>
					</li><!--Fin de testimonio 4-->
					
					<div class="ver_mas"><a href="https://www.tuenti.com/?m=login">Ver más</a></div>
				
				</ul><!--Fin de lista_testimonios-->	
					
			</div><!--Fin de comentarios-->
			
			<div class="clear"></div>

		</div><!--Fin de dinamico-->
		
	</div><!--Fin de contenedor-->

	<div id="footer">
		<p>Practica Final Rubi Estephani Rivadeneyra Malvas 1º ASIR TRIANA Lenguaje de Marcas</p>
	</div><!-- Fin de footer-->

</body>
</html>